<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Codifer</title>
		<link type="text/css" href="css/custom-theme/jquery-ui-1.8.11.custom.css"
			rel="stylesheet" />
		<link type="text/css" href="css/visualizadorCargaProcesoAdmin.css"
			rel="stylesheet" />
		<link type="text/css" href="css/general.css"
			rel="stylesheet" />
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
		
		<script type="text/javascript" src="js/general.js"></script>
		<script type="text/javascript">
			$(function(){
				// Accordion Productos
				$("#productos").accordion({ header: "div.productoCat" , 
											collapsible: true, 
											alwaysOpen: false,
											animated: 'bounceslide'
										});	
				
			
				var animated = $( "#productos" ).accordion( "option", "animated" );
				$( "#productos" ).accordion( "option", "animated", 'bounceslide' );
							
			});
		</script>
		
	</head>
	<body>
	<div style="min-width:1200px; border:0px solid #FF0000;">

	<!--Logo -->
	<div class="header ui-widget ui-corner-all">
		<div class="logo"></div>
		<div class="header-info">
			<div class="header-info-usuario-icon"></div>
			<div class="header-info-usuario">
				<div class="on">
					<div><h3>Vendedor Prueba 1</h3></div>
					<div style="font-size: 10px; margin: 1px;"><span>Fecha:</span> 03/02/2011</div>
					<div style="font-size: 10px; margin: 1px;"><span>IP:</span>127.0.0.1</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
	</div>

	<!--Menu -->
	<div class="ui-widget ui-corner-all menu">
		<div id="navigation" style='color: 5E5E5E;'>
			<ul class="ui-helper-clearfix" id="menu">
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div onClick="location.href='index.html'">Inicio</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div onClick="location.href='index.html'">Productos</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div onClick="location.href='cotizaciones.html'">Cotizaciones</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div>Clientes</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div>Cartera</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div>Contactos</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div>Reportes</div></li>
			</ul>
		</div>
	</div>




	<div class="cuerpo">
		<div class="left buscador"
			style="border-color: #BFBFBF">

			<!--Buscador-->
			<div style="margin: 0px 0px 15px 0px; padding-bottom: 5px;" class="ui-state-error ui-corner-all">
				<div
					style="margin: 1px 5px 5px 5px; padding: 0pt 0.7em; border-bottom: 1px solid #000;"
					class="">
					
					<p style="margin: 6px 0">
						<span style="float: left; margin-right: 0.3em;"
							class="ui-icon ui-icon-info"></span> <span
							style="font-size: 14px;">Buscar</span>
					</p>
				</div>

				<div style="margin: 0px 5px; padding: 5px;"
					class="ui-corner-all buscador-caja caja_plugin">
					
					<input type="text" name="buscar" id="buscar"
						style="margin: 0; padding: 0; height: 22px; width:220px" 
						value="Clic aqui para buscar" />
					<a class="boton-buscar" href="resultado_valvula.html" >Ir</a>
					<div class="clear"></div>
				</div>

			</div>


			<!--Destacados-->
			<div style="margin: 0px 0px 15px 0px; display: none">
				<div
					style="margin: 1px 5px 5px 5px; padding: 0pt 0.7em; border-bottom: 1px solid #000;"
					class="">
					<p style="margin: 6px 0">
						<span style="float: left; margin-right: 0.3em;"
							class="ui-icon ui-icon-info"></span> <span>Destacados</span>
					</p>
				</div>
				<div
					style="margin: 0px 5px; padding: 5px; width: 250px; height: 80px; background-image: url(css/images/jaguar.png); background-position: 50% 50%; background-repeat: no-repeat;"
					class="ui-corner-all buscador-caja caja_plugin"></div>
			</div>

			<!--Chat-->
			<div style="margin: 0px 0px 15px 0px" class="ui-state-error ui-corner-all">
				<div
					style="margin: 1px 5px 5px 5px; padding: 0pt 0.7em; border-bottom: 1px solid #000;"
					class="">
					<p style="margin: 6px 0">
						<span style="float: left; margin-right: 0.3em;"
							class="ui-icon ui-icon-info"></span> <span
							style="font-size: 14px;">Chat</span>
					</p>
				</div>

				<div style="margin: 0px 5px; padding: 5px;"
					class="ui-corner-all buscador-caja caja_plugin">

					<ul>
						<li class="chat"><a  href="#">Pedro Morales</a><span> - Conectado</span></li>
						<li class="chat"><a  href="#">Mario Perez</a><span> - Conectado</span></li>
						<li class="chat"><a  href="#">Alejandra Diaz</a><span> - Conectado</span></li>
					</ul>

				</div>

			</div>
			
			<div class="clear"></div>
		</div>
		</div>
		
			</div>
			<div class="rigth contenido nav-teclado">
				
				<div class="categorias">
					<a href="index.html" class="categoria">Categorias</a>
					&nbsp;>&nbsp;
					<a href="prd_valvula.html" class="categoria">Válvulas</a>
				</div>
			
				<h1>
					Válvula de bola AC
				</h1>
				
				
				<div id="productos">
					<div class="ui-corner-all buscador-resulado nav-seleccion productoCat" style="margin: 5px 0 5px 0; height:70px;">
						<div style="display: table;  height: 100%; width:20%;	float:left; text-align:center;">
							<div style="display: table-cell; vertical-align: middle; "><img src="css/images/prd/50025.png" width="120" /></div>							
						</div>
						<div class="desc_prod" style="float:left; width: 45%; margin-left:5px;">
							<div style="font-size: 15px; margin: 15px 2px 5px 2px; text-decoration: none;">
								Válvula de bola AC
							</div>						
							<div style="font-size: 12px; margin: 2px 2px; color: #4D4D4D;">
								<b>Código:</b> 50025
							</div>												
						</div>
						<div style="float: right; width: 25%; margin-right: 5px; text-align: center; margin-top:3px;">
							<span style="font-size: 50px; ">
								2285
							</span> 
							<span style="font-size: 20px">Prd</span>
						</div>						
						<div class="clear"></div>
					</div>	
				
				
					<div class="buscador-resulado nav-seleccion" style="margin:0; padding:0px; border:none;">
						<table border="0" cellspacing="0" cellpadding="0" >
						  <tr>
							<th id="codigo">Código</th>
							<th id="descripcion">Descripción</th>
							<th id="precio">Precio</th>
							<th id="unidades">Unidades</th>
						  </tr>
						  <tr id="td-1">
							<td id="codigo">50025535006</td>
							<td>
								<span style="margin: 4px 2px; text-decoration: none;">
									Válvula de bola AC 800L 1/4" Paso Reducido
								</span>
								<div style="font-size: 11px; margin: 12px  2px 5px  2px; color: #777777;">
									Bodg 1 (17 unidades)
								</div>
								<div style="font-size: 11px; margin: 2px  2px 5px  2px; color: #777777;">
									Bodg 2 (50 unidades)
								</div>
							</td>
							<td id="precio">
								<span class="desc_prod" style="">
									$ 458.000
								</span>
							</td>
							<td id="und">
								<div style="margin-right: 5px; width:100%;">
									<span style="font-size: 30px; ">67</span> 
									<span style="font-size: 20px">Und</span>
								</div>
								<div style="width:100%;">
									<button class="ui-state-hover" style="margin: 0px 5px; padding:5px; font-size: 12px" onClick="location.href='cotizaciones.html'">
										Agregar a Cotización
									</button>
								</div>
							</td>
						  </tr>
						  <tr id="td-2">
							<td id="codigo">50025535010</td>
							<td>
								<span style="margin: 4px 2px; text-decoration: none;">
									Válvula de bola AC 800L 3/8" Paso Reducido
								</span>
								<div style="font-size: 11px; margin: 12px  2px 5px  2px; color: #777777;">
									Bodg 1 (35 unidades)
								</div>
								<div style="font-size: 11px; margin: 2px  2px 5px  2px; color: #777777;">
									Bodg 2 (25 unidades)
								</div>
							</td>
							<td id="precio">
								<span class="desc_prod" style="">
									$ 58.000
								</span>
							</td>
							<td id="und">
								<div style="margin-right: 5px; width:100%;">
									<span style="font-size: 30px; ">55</span> 
									<span style="font-size: 20px">Und</span>
								</div>
								<div style="width:100%;">
									<button class="ui-state-hover" style="margin: 0px 5px; padding:5px; font-size: 12px" onClick="location.href='cotizaciones.html'">
										Agregar a Cotización
									</button>
								</div>
							</td>
						  </tr>
						</table>
						
					</div>
				</div>
						
				<div class="clear">
			
				</div>
			</div>
			<div class="clear">
			</div>
			
		</div>
		
		<div style="height:30px;  background-color: #000; border: 1px solid #000; bottom:0;  width:100%; color:white; margin-top:30px;"
				class="ui-widget ui-corner-all">
			
			<div style="backgroud-color:#000; height:30px; text-align:center; margin-top:5px;">
				
					PBX
				
			</div>
	
		</div>
		
		</div>
		
		
	</body>
	

</html>


 
